<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./1.css">
</head>
<body>

  
    <div class="container">

      <!-- 问题的关键是你给图片设置了src地址，那浏览器读到这个
           代码的时候，任何事情都无法阻止浏览器去下载这张图片。
      -->
      <img src="" alt="" data-src="./icon/1.jpg">
      <img src="" alt="" data-src="./icon/2.jpg">
      <img src="" alt="" data-src="./icon/3.jpg">
      <img src="" alt="" data-src="./icon/4.jpg">
      <img src="" alt="" data-src="./icon/5.jpg">
      <img src="" alt="" data-src="./icon/6.jpg">
      <img src="" alt="" data-src="./icon/7.jpg">
      <img src="" alt="" data-src="./icon/8.jpg">
      <img src="" alt="" data-src="./icon/9.jpg">
      <img src="" alt="" data-src="./icon/10.jpg">
      <img src="" alt="" data-src="./icon/11.jpg">
      <img src="" alt="" data-src="./icon/12.jpg">
      <img src="" alt="" data-src="./icon/13.jpg">
      <img src="" alt="" data-src="./icon/14.jpg">
      <img src="" alt="" data-src="./icon/15.jpg">
      <img src="" alt="" data-src="./icon/16.jpg">
      <img src="" alt="" data-src="./icon/17.jpg">
      <img src="" alt="" data-src="./icon/18.jpg">
      <img src="" alt="" data-src="./icon/19.jpg">
      <img src="" alt="" data-src="./icon/20.jpg">
      <img src="" alt="" data-src="./icon/21.jpg">
      <img src="" alt="" data-src="./icon/22.jpg">
      <img src="" alt="" data-src="./icon/23.jpg">
      <img src="" alt="" data-src="./icon/24.jpg">
      <img src="" alt="" data-src="./icon/25.jpg">
      <img src="" alt="" data-src="./icon/26.jpg">
      <img src="" alt="" data-src="./icon/27.jpg">
      <img src="" alt="" data-src="./icon/28.jpg">
      <img src="" alt="" data-src="./icon/29.jpg">
      <img src="" alt="" data-src="./icon/30.jpg">
      <img src="" alt="" data-src="./icon/31.jpg">
      <img src="" alt="" data-src="./icon/32.jpg">
      <img src="" alt="" data-src="./icon/33.jpg">
      <img src="" alt="" data-src="./icon/34.jpg">
      <img src="" alt="" data-src="./icon/35.jpg">
      <img src="" alt="" data-src="./icon/36.jpg">
      <img src="" alt="" data-src="./icon/37.jpg">
      <img src="" alt="" data-src="./icon/38.jpg">
      <img src="" alt="" data-src="./icon/39.jpg">
      <img src="" alt="" data-src="./icon/40.jpg">
      <img src="" alt="" data-src="./icon/41.jpg">  


    </div>

    <script src="1.js"></script>

    <script>

         initLazyImg("./icon/mr.png")

    </script>  
  

</body>
</html>